<UserControl
    x:Class="OpenRPOSBackOffice.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" mc:Ignorable="d"
    d:DesignHeight="300" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">

    <Border Style="{StaticResource ContentBorderStyle}">
        <ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
            <Grid x:Name="LayoutRoot" Style="{StaticResource LayoutRootGridStyle}">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <Image HorizontalAlignment="Left" Height="100" VerticalAlignment="Top" Width="100" Source="/OpenRPOSBackOffice;component/Images/LogoColorNoText.jpeg" Canvas.Left="112" Canvas.Top="-71"/>

                <Border x:Name="BrandingBorder" Style="{StaticResource NavBrandingBorderStyle}">
                    <StackPanel x:Name="BrandingStackPanel" Style="{StaticResource BrandingStackPanelStyle}" >
                        <Grid>
                            <ContentControl Style="{StaticResource LogoIcon}" />
                            <TextBlock x:Name="ApplicationNameTextBlock" Style="{StaticResource ApplicationNameStyle}" Text="OpenRPOS BackOffice" />
                            <HyperlinkButton Content="logout" x:Name="hbLogout" Margin="745,67,0,0" Click="hbLogout_Click" Width="45" Height="20" />
                            <sdk:Label Height="19" HorizontalAlignment="Left" Margin="548,70,0,0" Name="lblUsername" VerticalAlignment="Top" Width="142"  Style="{StaticResource DefaultLabelStyle}" Content="" FontFamily="Segoe UI, Lucida Sans Unicode, Verdana" Foreground="#FF119EDA" />
                            <TextBlock Style="{StaticResource ApplicationNameStyle}" Height="23" HorizontalAlignment="Left" Margin="548,51,0,0" VerticalAlignment="Top" Width="33" Text="User" FontSize="14" />
                        </Grid>
                    </StackPanel>
                </Border>
                    <Border x:Name="LinksBorder" Style="{StaticResource NavLinksBorderStyle}">
                    <StackPanel x:Name="LinksStackPanel" Style="{StaticResource LinksStackPanelStyle}">
                       
                        <HyperlinkButton Style="{StaticResource LinkStyle}" NavigateUri="Account" Name="hbAccount" TargetName="ContentFrame" Content="account" />
                        <HyperlinkButton Style="{StaticResource LinkStyle}" NavigateUri="Employees" Name="hbEmployees" TargetName="ContentFrame" Content="employees" />
                        <HyperlinkButton Style="{StaticResource LinkStyle}" NavigateUri="FloorLayout" Name="hbFloorLayout" TargetName="ContentFrame" Content="layout" />
                        <HyperlinkButton Style="{StaticResource LinkStyle}" NavigateUri="MenuItems" Name="hbMenuItems" TargetName="ContentFrame" Content="menu items" />
                        <HyperlinkButton Style="{StaticResource LinkStyle}" NavigateUri="Reports" Name="hbReports" TargetName="ContentFrame" Content="reports" />
                        <HyperlinkButton Style="{StaticResource LinkStyle}" NavigateUri="Schedule" Name="hbSchedule" TargetName="ContentFrame" Content="schedule" />
                        <HyperlinkButton Style="{StaticResource LinkStyle}" NavigateUri="TimeSheet" Name="hbTimeSheet" TargetName="ContentFrame" Content="time sheet" />
                    </StackPanel>
                </Border>
                <Border x:Name="ContentBorder" Style="{StaticResource NavContentBorderStyle}">
                    <Grid>
                        <navigation:Frame x:Name="ContentFrame" Style="{StaticResource NavContentFrameStyle}" Navigated="ContentFrame_Navigated" NavigationFailed="ContentFrame_NavigationFailed" />
                        <Rectangle x:Name="WaitCursor" Fill="Transparent" Visibility="Collapsed" Cursor="Wait" Grid.ColumnSpan="2" />
                    </Grid>
                </Border>
            </Grid>
        </ScrollViewer>
    </Border>
</UserControl>